<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="../css/cart.css">
</head>
<body>

  <h1 class="oneH1">我是一个购物车页面</h1>

  <div class="container">
  
  </div>








  <script src="../tools/jquery.min.js"></script>

  <script src="../js/cart.js">
   /*
      1,  根据 localStorage 中的数据 动态渲染生成页面

        (1) 没有 创建购物车 
          生成 对应的空白内容

        (2) 创建购物车 但是 是 空车
          生成 对应的空白内容

        (3) 创建购物车 不是空车
          动态渲染生成页面
            1, li标签之前的

            2, 循环遍历数组 生成li

            3, li之后的内容

      2, 点击事件
        动态生成的页面 点击效果 都是 
        修改数据库数据 
        再根据数据库新的数据 动态渲染生成页面

        点击 全选 input 
          给 数组中 对象的buy属性 赋值 全选input标签checked 属性值
          将 新数组 赋值给 localStorage 
          根据 新的 localStorage 再次 调用函数动态渲染生成页面

        点击 其他input
          给 数组中 goods_id 相同的对象单元
          buy 属性 的 属性值 赋值 其他input标签checked属性值

        点击 - 按钮
          给 数组中 goods_id 相同的对象单元
          num 属性 的 属性值 累减1 
          如果数值是 1 的时候 禁用 标签

        点击 + 按钮
          给 数组中 goods_id 相同的对象单元
          num 属性 的 属性值 累加1
          如果数值是 库存值 的时候 禁用 标签

        点击 我不要了 按钮
          给 数组中 goods_id 相同的对象单元
          删除 这个 对象单元 

        将新数组 写入 写入 localStorage 中 
        调用函数 根据新的 localStorage 动态生成新的页面
          


    */
  </script>


 
</body>
</html>
